import styled from 'styled-components'
import img from '@img/all.png'
/**声音内容包裹框*/
export const StyledVolumeWrap = styled.div`
	display: flex;
	justify-content: center;
	align-items: center;
	height: 80%;
	margin: 0 33px;
	.bar_icon {
		display: inline-block;
		margin-right: 10px;
	}
	.bar_content {
		display: inline-block;
		flex: 1;
	}
	.bar_tip {
		display: inline-block;
		margin-left: 10px;
	}
`
/**禁止声音*/
export const ProhibitVoiceIcon = styled.div`
	width: 30px;
	height: 30px;
	background: transparent url(${img}) no-repeat scroll -360px -305px;
	&:hover {
		background: transparent url(${img}) no-repeat scroll -390px -305px;
	}
`
/**允许声音*/
export const AllowVoiceIcon = styled.div`
	width: 30px;
	height: 30px;
	background: transparent url(${img}) no-repeat scroll -360px -335px;
	&:hover {
		background: transparent url(${img}) no-repeat scroll -390px -335px;
	}
`
